<%-- 
    Document   : login
    Created on : Oct 27, 2013, 10:30:09 PM
    Author     : reynier
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">
        <link rel="shortcut icon" href="../../assets/ico/favicon.png">

        <title>Sign in to GRS</title>

        <!-- Bootstrap core CSS -->
        <link href="./libs/bootstrap/css/bootstrap.css" rel="stylesheet">

        <!-- Custom styles for this template -->
        <link href="./stylesheets/signin.css" rel="stylesheet">

        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
          <script src="../../assets/js/html5shiv.js"></script>
          <script src="../../assets/js/respond.min.js"></script>
        <![endif]-->
    </head>

    <body>
        <section>
            <div class="container">
                <div class="row">
                    <div class="col-sm-6 col-md-4 col-md-offset-4">

                        <div class="account-wall">
                            <form class="form-signin" method="post" action="login" >
                                <img class="profile-img" src="images/GRS_logo.png" />
                                <span class="clearfix"></span>
                                <span class="clearfix"></span>
                                <h4 class="form-signin-heading">Sign in to Grade Report System</h4>
                                <input type="text" class="form-control" placeholder="Username" name="username" autofocus>
                                <input type="password" class="form-control" placeholder="Password" name="password">
                                <span class="text-danger">${messages.error}</span>
                                <span class="text-success">${messages.success}</span>
                                <button class="btn btn-lg btn-primary btn-block" type="submit" name="login" >Sign in</button>
                                <button type="button" class="btn btn-link" onclick="goToForgotPassword()" name="forgotPassword">Forgot password?</button>
                            </form>
                        </div>
                        <br>
                        <p class="text-center text-muted">CEN5011 &copy; Team #2 - Grade Report System</p>
                        <p class="text-center text-muted">Alexander Pita, Mershack Okoe, Patrick Rand, Reynier Ortiz, Satyanarayana Pericherla</p>
                    </div>
                </div>
            </div> <!-- /container -->
        </section>
        <!-- Bootstrap core JavaScript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script src="./libs/jquery/jquery-2.0.3.min.js"></script>
        <script src="./libs/bootstrap/js/bootstrap.min.js"></script>
        <script type="text/javascript">
                                    function goToForgotPassword() {
                                        window.location = './forgotPassword';
                                    }
        </script>
    </body>
</html>
